搭建vue环境

搭建vue环境

一、安装NodeJS

参考链接： https://blog.youkuaiyun.com/cai454692590/article/details/86093297

二、 vue-cli脚手架安装

1. 如果访问外网比较慢，可以使用淘宝的镜像 https://npm.taobao.org/
   打开命令终端输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
   回车之后，就可以可以快乐的用 cnpm 替代 npm
   
   虽然安装了cnpm，但是接下来我们还是使用npm命令继续安装

2. 输入命令 npm install vue-cli -g 安装vue-cli
   

3. 进入项目的目录，准备初始化项目，打开命令行输入 vue init webpack vue-demo ，然后根据需要输入项目名、描述、作者。
   

4. 是否要安装 vue-router 项目中肯定要使用到 所以 y 回车
   

5. 是否需要 js 语法检测 目前我们不需要 所以 n 回车
   

6. 是否安装 单元测试工具 目前我们不需要 所以 n 回车
   

7. 是否需要 端到端测试工具 目前我们不需要 所以 n 回车
   

8. 接下来 ctr+c 结束

9. 进入 cd D:\ideaWorkSpace\vue-demo\vue-demo # 这里是指项目的目录呀

10. 输入命令 npm install ，如果出现下图，说明安装成功
    
    注意：如果出现错误

    npm ERR! chromedriver@2.45.0 install: `node install.js`
    

    
    那么输入以下命令可以解决：

    npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
    

    解决方案地址：https://blog.youkuaiyun.com/yangjingjing9/article/details/82015492

    解决上述问题以后，再输入命令 npm install 重新导入依赖
    

11. 接下来执行 npm run dev
    

12. 默认浏览器会自动打开（注意：如果您的浏览器是ie9以下的版本，请升级浏览器到最新版本或者下载谷歌浏览器或者火狐浏览器进行预览。在地址栏输入 http://localhost:8080/#/进行访问）
    

转载链接

https://segmentfault.com/a/1190000008922234