vue脚手架环境搭建

vue+webpack+npm搭建初始项目*

https://www.cnblogs.com/luminccs-5308/p/9415713.html
安装步骤：
1、安装node.js 【https://www.cnblogs.com/liuqiyun/p/8133904.html】
新版本node安装常见问题：
参考文章： https://blog.csdn.net/zhangkai__/article/details/125549603
（1）执行npm -v 报错信息【npm warn config global --global, --local are deprecated. use --location=global instead】
但是， 在使用npm一些常用命令时，使用XXX -g 还是会报错，这是由于高版本-g命令已经被弃用，所以应该使用现有方法XXX --location=global

其实报错内容就告诉我们了，npm WARN 配置全局 ‘–global’， ‘–local’ 已弃用。

请改用“–location=global”。

npm install express -g
npm install express --location=global   //安装常用express模块

（2）判断 内置的npm默认配置路径修改是否成功，使用以下命令查看

npm config ls   // 查看配置信息
npm config get cache // 查看cache配置
npm config get prefix// 查看prefix配置

（3）如果执行全局安装报错，可以试图以管理员身份执行命令
2、 安装cnpm
情形一：如果是 Window 系统使用以下命令即可
npm install cnpm -g
情形二：
全局安装cnpm，打开cmd输入：npm i -g cnpm
若安装失败可 使用淘宝镜像的命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
验证是否安装成功，可以通过查看版本：cnpm version
3、安装webpack：
（3-1）cnpm install webpack –g
（3-2）cnpm install webpack-cli –g
（3-3）webpack –v 【表示安装成功】
4、安装vue-cli
方法一：只能使用 vue init 初始化vue项目
（4-1）cnpm install vue-cli -g --全局安装vue-cli
方法二：可以用vue create xx 初始化vue项目
npm install -g @vue/cli

vue –V【一定要大写】 或者 vue --version 【 查看是否安装成功】

5. 初始化（新建）项目：vue init webpack my-project
   若执行报错：vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 192.30.253.112:443；是由于npm代理问题
   vue-cli Failed to download repo vuejs-templates/webpack连接超时解决办法
   参考：
   https://www.pianshen.com/article/3642309795/
   http://www.coder55.com/article/76938
   vue init webpack vuedemo --offline

备注：若执行vue init webpack vuedemo –offline还是不行
则执行以下命令：
npm install -g @vue/cli 【升级vue/cli】
vue create vuedemo 【该创建形式为{使用vue脚手架快速创建vue项目}初始化（新建）项目 参考路径：https://www.cnblogs.com/lvonve/p/13598198.html】

基于vue+webpack+npm

（1）初始化（新建）项目：vue init webpack vuedemo 【vue create vuedemo】
（2）启动项目命令：npm run dev【npm run serve】
http://localhost:8080
（3）结束项目：Ctrl+C