vue-构建vue项目

1. 安装node.js环境

检查版本：node -v     npm -v

2. 设置淘宝npm镜像

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

3. 安装 vue-cli

cnpm install vue-cli -g

遇到问题：

cnpm : 无法加载文件 F:\SystemUser\Node\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go
.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ cnpm install vue-cli -g
+ ~~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess


解决办法：
    1. 右键 win10 菜单图标 以管理员身份运行 PowerShell 
    2. set-ExecutionPolicy RemoteSigned
    3. Enter 'A'

4. 查看vue-cli是否安装成功

vue list

5. 创建工程目录，并 cd 到该目录下

vue init webpacke "*****"  

问题：

 vue-cli · Failed to download repo vuejs-templates/webpacke: Response code 404 (Not Found)

解决办法：
    1. ping github.com 发现超时
    2. 设置host文件代理 C:\Windows\System32\drivers\etc 

        192.30.253.112 github.com
        151.101.88.249 github.global.ssl.fastly.net

6. 进入工程目录

 

7. 让工程跑起来看看效果

cnpm install

cnpm run dev

 

8. 或者是用最新得方法 安装@vue/cli

npm install -g @vue/cli

9. cd 到你的指定的项目存储目录

vue create “your project”