vue+webpack搭建项目

vue+webpack搭建项目超详细教程

转自https://blog.csdn.net/weixin_45627031/article/details/107846016

1.安装node;

2.安装淘宝镜像；

#-g 全局配置(有可能失败,假如失败后尝试下面代码就会成功)
npm install cnpm -g

#解决npm速度慢
npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue-cli 脚手架；

全局安装，输入命令行：

cnpm install vue-cli -g

vue -v:查看vue版本；

vue list:查看可以基于那些模板创建vue应用;

4.创建vue-cli项目：

vue init webpack myvue(项目名)		#注：项目名不能大写，不能使用中文

初始化vue项目时会出现几个提示，分别是输入项目名称、描述、作者等，按实际情况选择即可。

？Project name ---- 项目名称，init命令时也填了个project-name，如果无需更改，直接回车即可；
？Project description ---- 项目描述，按需填写。无需填写可以直接回车；
？Author ---- 作者
？Vue build ---- 构建模式，一般默认第一个；我选no
？Install vue-router? ---- 是否安装vue-router。选no。
？Use ESLint to lint yout code? ---- 格式校验，按需；no
？Set up unit tests ---- 测试相关，按需；no
？Setup e2e tests with Nightwatch? ---- 测试相关，按需； no
？Should we run ‘npm install’ for you after the project has been created? ---- 按需，这里选yes, use NPM,我选No，之后自己在目标
目录下执行npm install即可。