配置第一个Vue项目；npm配置流程；win10powershell权限

配置第一个Vue项目；npm配置流程；win10powershell权限

1. 第一步安装nodo.js

2. 测试是否成功cmd中输入

   node -v

   npm -v

3. 在node.js根目录中新建两个文件夹

4. 运行以下两个命令，表示将下载的包存入新建的两个文件夹中

   npm config set prefix E:\NodeJS\node_global
   

   npm config set cache E:\NodeJS\node_cache
   

   或者在c盘/用户/用户名/.npmrc中修改相应的地址。

   验证是否配置成功：

   npm config ls
   

5. 配置npm下载的包的环境，在windowx环境变量，添加用户path
   

6. 安装cnpm，可以不安装

   npm install cnpm -g

7. 安装vue-cli

   npm install vue-cli -g

8. 测试是否安装成功，在cmd中输入

   vue list

9. 新建一个Vue项目文件夹
   

10. 以管理员身份打开powershell；win+r-》powershell输入（转管理员模式）：

    Start-Process powershell -Verb runAs

11. cd到新建的vue项目文件夹输入

    vue init webpack myvue

12. 全部选no，手动创建
    

13. 输入以下运行vue项目

    npm install

    npm run dev

14. 打开网页输入localhost:8080/8081(这里8081是我因为已经运行了一个项目，这是第二个。)