超详细的@vue/cli4.0配合webpak和框架快速开发项目

超详细的@vue/cli4.0配合webpak和框架快速开发项目

1.安装node和cnpm和webpack和vue脚手架

1.1*cnpm推荐淘宝镜像安装*

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

​
1.2node.js直接傻瓜式安装，建议比最新版本低一个版本.

1.3安装webpack以及webpack脚手架

npm install webpack -g 
npm install --global webpack-cli

1.4安装vue脚手架 

   npm install -g @vue/cli,

如果之前安装过低版本的脚手架，先卸载.

 npm uninstall vue-cli -g

2.查看基础环境的版本

查看vue脚手架，webpack，npm和，cnpm的版本，确定环境.

 

 

3.cmd对应的目录，webpack创建项目

vue init webpack my-project

出现如下界面，根据自己所需yes or no.

 

 

如果没有出现对应的界面，执行命令

npm install -g @vue/cli-init 

再重新创建项目.这是由于之前webpack版本过低导致的

4.测试后进入终端

npm run dev 

项目测试完成

5.使用element-ui,axios,vuex,路由快速开发项目

npm安装，use一下就完事了,参考官网.

6.思考

vue发展很快,应该说是前端发展很快,多看官网能解决95%的问题.