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

npm教程2

时间:2017-12-26 20:58:45      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:sim   imp   inf   path   vue   .com   根目录   测试   显示   

 技术分享图片

运行npm install vue-cli -g安装vue脚手架

 技术分享图片

技术分享图片

 

编辑环境编辑path

 技术分享图片

对path环境变量添加D:\nodejs\node_global

win10以下版本的,横向显示PATH的,注意添加到最后时,不要有分号【;】

 技术分享图片

重新打开CMD,并且测试vue是否使用正常

 技术分享图片

 

注意,vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

 技术分享图片 

初始化,安装依赖

 技术分享图片

 

运行npm install安装依赖

 技术分享图片

 

npm run dev

 技术分享图片

 

成功界面,提示打开地址http://localhost:8080

 技术分享图片

 

自动打开浏览器http://localhost:8080/#/

 

 技术分享图片

npm run build

生成静态文件,打开dist文件夹下新生成的index.html文件

 

npm教程2

标签:sim   imp   inf   path   vue   .com   根目录   测试   显示   

原文地址:https://www.cnblogs.com/linglansen/p/8119696.html

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