脚手架搭建vue项目

vue-cli3.0之前版本:

1.npm install -g vue-cli(只需安装一次)

2.vue init webpack

3.填好相关信息切换到项目运行

vue-cli3.0及之后版本:

1.卸载vue-cli 2.x版本:

  npm uninstall vue-cli -g

2.安装vue-cli3.x版本

  npm install @vue/cli -g

3.查看脚手架版本号

  vue --version 或者 vue -V

4. vue create 项目名称

5. 填好相关信息切换到项目运行

vue-cli 3.x搭建项目特点:

  • 移除了配置文件目录,config 和 build 文件夹;
  • 移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中;
  • 在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件;
  • 部分命令行发生变化:创建项目、运行项目(2.x npm run dev, 3.x npm run serve)

注意事项:

1.搭建之前需要保证有nodejs和npm,并且一般使用版本较高的npm(脚手架搭建对npm版本有要求,版本较低可能会报错)

  更新npm版本: npm install -g npm

2.如果提示‘vue’不是内部或者外部命令

  npm config list

  找到prefix对应的路径(如果已经配置了会显示路径,没配置路径标题会显示undefined字段),添加到环境变量path中去 

原文地址:https://www.cnblogs.com/1605530316mjx/p/11834323.html