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

vue脚手架的搭建

时间:2018-09-19 11:33:35      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:内部命令   str   get   image   系统   没有   令行   windows系统   blank   

另一博客地址:https://segmentfault.com/a/1190000016451376

一、基础的知识
1、html
2、js
3、css
二、搭建项目过程--windows系统
1、node.js环境--检查是否已安装node环境

 node -v

如果没有安装的话,可以去node官网安装。

2、安装cnpm(可以选择不安装)[淘宝镜像](http://npm.taobao.org/)

npm install -g cnpm --registry=https://registry.npm.taobao.org

此处有一个坑,和电脑有关。安装完之后,通过以下命令行检查

cnpm -v

如果可以输出来版本号,就没有问题。但是如果说cnpm不是内部命令,那你还要前去配置环境变量

3、全局安装vue-cli

cnpm install -g -vue-cli 

可以通过

vue -V

来检查是否安装成功

4、创建新的vue项目

vue init webpack xxx 

进入到目录文件夹后,输入上述代码,xxx代表你的vue项目文件名
技术分享图片

 

图片是我安装的示例,后面的yes/no是推荐值

5、安装成功后,可通过提示进入到项目中,并启动该项目

技术分享图片

 

6、启动成功后,会有一个网址,在浏览器中打开,看到以下图片的内容,说明项目搭建成功

技术分享图片

 




vue脚手架的搭建

标签:内部命令   str   get   image   系统   没有   令行   windows系统   blank   

原文地址:https://www.cnblogs.com/bllx/p/9673348.html

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