nodeJS创建Vue项目

Posted 2020-11-11 jane--blog

1. 下载nodeJS并安装   http://nodejs.cn/download/ 

2. 打开cmd，检查是否安装成功  node --version  报错的话检查环境变量，删掉自动生成的，重新添加

3. 检查node和npm版本号

4. npm安装依赖时过慢，可以安装阿里巴巴在国内的镜像服务器，以后再用到npm的地方直接用cnpm来代替就好了

    npm install -g cnpm –registry=https://registry.npm.taobao.org

5. 安装vue-cli脚手架  cnpm install -g vue-cli  验证是否安装成功输入vue

6. 初始化一个新项目 : 创建一个文件夹，cd 进入文件夹

    vue init webpack vue_project(最后这个是我创建的项目的名字)

7. 进入项目 cnpm install 安装依赖，在已经创建的项目结构里面会多出一个node_modules的文件夹，里面就是刚才安装的所有依赖

8. 运行项目 cnpm run dev  浏览器localhost:8080
9. 下载vsCode，编辑代码

项目创建成功