码迷,mamicode.com
首页 > Web开发 > 详细

使用nodeJs安装Vue-cli

时间:2017-01-04 10:25:15      阅读:462      评论:0      收藏:0      [点我收藏+]

标签:限制   查看   web   pack   命令行   开发   res   vue-cli   安装   

TIP:win10下安装,使用管理员身份进行,否则会有权限限制。

1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)

----想安装速度快点,可以使用淘宝镜像如下

----通过config命令    npm config set registry https://registry.npm.taobao.org    

             npm info underscore(如果上面配置正确这个命令会有字符串response

技术分享

 

2,安装后,检查是否安装成功(显示版本则安装成功)。(vue -V)

技术分享

 

3,使用vue建一个项目名叫“my-project”。(vue init webpack my-project)

技术分享

 

4,注意:项目建立过程中,有如下选择,选择NO。(该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,避免不必要的麻烦)

技术分享

 

5,建立项目后,安装项目依赖npm install

技术分享

 

6,安装成功,项目目录下多出一个node_modules文件夹

技术分享

 

7,进入项目目录文件夹(my-project)中,就可以使用vue进行开发啦

技术分享

 

8,使用npm run dev,便可以打开本地服务器实时查看效果(localhost:8080)

技术分享

 

9,初始效果

技术分享

 

10,退出监听,可以直接Ctrl+C,选择Y。

技术分享

使用nodeJs安装Vue-cli

标签:限制   查看   web   pack   命令行   开发   res   vue-cli   安装   

原文地址:http://www.cnblogs.com/pearl07/p/6247389.html

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