码迷,mamicode.com
首页 > 其他好文 > 详细

vue 环境搭建

时间:2019-05-31 16:53:05      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:install   创建项目   ESS   pac   node   步骤   vue-cli   路径   init   

参考链接:

  1. https://blog.csdn.net/mao834099514/article/details/79138484 搭建vue环境

2.  https://blog.csdn.net/wjnf012/article/details/80422313 npm 和cnpm的安装

3.  https://www.cnblogs.com/sunsanfeng/p/vue_cli.html  vue创建项目的步骤

 

Vscode 下载安装即可

配置步骤:

1.下载node.js 直接一路下一步安装

2.设置npm全局模块的存放路径,cache路径。

首先在node.js 安装目录下c:\Program Files\nodejs 创建 node_global,和node_cache文件夹,然后运行如下命令

npm config set prefix "c:\Program Files\nodejs\node_global"

npm config set cache"c:\Program Files\nodejs\node_cache"

3.添加环境变量  NODE_PATH  路径是c:\Program Files\nodejs\node_global

 

4.设置 网络代理

npm set proxynpm config set proxy   代理地址 

npm config set https-proxy  代理地址

5.安装淘宝cnpm : npm install -g cnpm --registry=http://registry.npm.taobao.org

6.安装 express   npm install express -g

7.安装vue-cli脚手架构建工具   npm install -g vue-cli 

8.配置 vue环境变量,搜索vue.cmd的路径,把vue.Cmd 所在的目录配置到环境变量中

9.Cd 到要创建项目的文件夹;vue init webpack firstVue  创建项目。

10.cnpm install   下载必要的项目依赖(测试过程中用cnpm 报错失败了,可以用 npm install)

11.npm run dev 运行项目

vue 环境搭建

标签:install   创建项目   ESS   pac   node   步骤   vue-cli   路径   init   

原文地址:https://www.cnblogs.com/gfbppy/p/10955630.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!