vue环境搭建创建项目

1、必须安装node.js

2、搭建vue的开发环境,安装vue的脚手架工具
    npm install --global vue-cli
    cnpm install --global vue-cli # cnpm国内镜像包管理工具
        cnpm下载:http://npm.taobao.com
    都可以!
 vue环境搭建创建项目
3、创建项目 务必CD进入一个空目录里面去
    vue init webpack vuedome01
    vue init webpack 项目名称
vue环境搭建创建项目

 安装成功:vue环境搭建创建项目

此时会在我们创建空目录里面生成一个叫vuedome01文件夹
    如果上面操作报错处理:
        cd vuedome01
        cnpm install 或 npm install # 重新安装

启动:

cd vuedome01 # 进入vuedome01文件夹

npm run dev # 启动项目

vue环境搭建创建项目

启动界面:

vue环境搭建创建项目

创建项目第二种方法,生成目录少。(小项目推荐)

vue init webpack-simple vuedome02

npm run dev

其他一样操作,只是文件更精简些

 

 

 

 

 

 

 

上一篇:【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“


下一篇:npm install -g cnpm安装报错