标签:npm vue 第一个 cnpm 项目 webpack Vue 安装 输入
1.搭建node环境
- 进入node.js官网,下载安装包
- 傻瓜式安装
- 输入如下命令进行测试
-- 查看node版本
node -v
-- 查看npm版本
npm -v
2.安装cnpm
由于防火墙的限制,npm从国外网站下载东西会受阻,所以选择cnpm(淘宝镜像)来代替npm,提高下载速度
- 输入如下命令进行安装
--安装cnpm,-g代表全局
npm install cnpm -g
- 输入如下命令进行测试
--查看当前的cnpm版本
cnpm -v
3.安装webpack
- 输入如下命令进行安装
npm install webpack -g
- 测试有没有安装成功
webpack -v
4.安装vue-cli
- 输入如下命令进行安装
npm install vue-cli -g
- 测试有没有安装成功
vue -V
5.第一个vue项目
- 创建一个文件夹,并进入该文件夹下的命令行,输入如下命令创建项目,创建过程中,根据提示完成基本信息的录入
vue init webpack vue-project1
- 进入项目的文件夹下,安装依赖
cd vue-project1
cnpm install
- 启动项目
npm run dev
- 输入运行地址,如果出现vue的大图标,那么就说明项目创建成功了
localhost:8080
标签:npm,vue,第一个,cnpm,项目,webpack,Vue,安装,输入 来源: https://www.cnblogs.com/haojun/p/13282534.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。