2回答

永不止息的铁甲椰子

2019-05-19

1.1. 环境搭建***

1.1.1. 基本环境准备

node环境

npm环境【node的包管理工具】

 

 

 

【LTS虽然不包含最新的特性，但是更稳定。】

 

1.1.2. 设置网络***

由于nodejs是国外开发的，因为内外网络的隔离，国内安装npm等功能经常会失败。

在执行以下步骤之前先设置npm为淘宝镜像（淘宝把国外的镜像下载之后公布到国内的网路中，类似于阿里maven镜像模式），命令如下：

 

淘宝 npm 网址

https://npm.taobao.org/

修改

npm config set registry http://registry.npm.taobao.org/

还原

npm config set registry https://registry.npmjs.org/

 

设置为淘宝镜像之后再执行下面的命令就不会因为网络问题而出错了！

1.1.3. 安装vue-cli

 

 

【npm_cache、npm_global之类的目录不用专门设置，如果网络畅通的话，执行完上一行命令之后就会自动创建好这些。】

 

1.1.4. 创建webpack项目

 

 

会有一系列的选项，

 

最后安装的时间会长一些，需等待。。。

安装成功界面如下：

 

1.1.5. 运行项目

 

或者 npm run start

 

npm run dev 与 npm run start效果是完全一样的：

 

 

 

效果：

 

 

 

 

如果要终止项目运行，把命令行窗口或者ide已关闭就行了。

0

1

qq_北辰元凰_0

感谢大佬

2019-05-19

共1条回复

Dell

2019-05-19

感觉是你的 npm 的问题，安装限 nrm，然后使用 cnpm 的源

0

2

qq_北辰元凰_0

老师，按照你说的已经解决了。非常感谢。

2019-05-19

共2条回复