vue开发环境安装步骤

Posted 2020-09-28 雨水一盒

前提：vue开发前提是安装好nodejs后，在nodejs环境下运行
1.npm工具在国内的网络环境下比较慢
  推荐使用淘宝npm镜像https://npm.taobao.org/
  使用以下命令安装cnpm,以后就可以用cnpm来代替npm: 
　npm install -g cnpm --registry=https://registry.npm.taobao.org
2.cnpm -v 查看当前cnpm安装版本
3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的node目录下 如果不加安装在当前目录下)
  vue  会看到vue变成了一个命令
  vue --version 会看到目前vue的版本
  vue list 看到会用那些模版
  在mac环境下加上sudo npm install -g vue-cli 提高权限
4.vue init webpack my-project   
  下载模版，初始化项目（报错可能是hosts没有恢复到原始状态的原因）
  目前默认的模版是2.0的 如果想安装1.0的：vue init webpack#1.0 my-project
5.cd my-project 查看当前项目的文件
  vi package.json 查看配置文件 （vi进入文件夹 连续按2次大写字母Z退出vi 回到命令行模式）
6.cnpm install 
　安装依赖 在当前目录下会多出一个node_modules的文件夹 所有的依赖会自动下载完成
7.cnpm run dev 
　服务器启动了 查看到当前的监听的端口  http://localhost:8080
8.在项目的src目录下进行开发