如何配置vue的环境配置和新建项目
2017-12-13 09:20
519 查看
1、首先安装node.js
在官网下载node.js,安装方式很简单,一直下一步就可以。
安装完成后,win键+R键输入cmd,在控制台输入node -v,查看node.js的版本,现在都在v6.9.1或者以上的版本。
2、安装cnpm
在命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org,等待几分钟,出现下图情况说明安装成功
3、安装vue-cli脚手架构建工具
在命令行中输入npm install -g vue-cli,等待安装
4、现在可以新建一个vue的项目
先新建一个放置vue项目的文件,比如桌面上的workspace文件将存放vue项目
然后,在命令行输入cd desktop,然后再cd workspace
然后,再在控制台输入vue init webpack firstvueproject,其中firstvueproject是项目的名称
在执行这个命令的时候,会有一些问句显示在控制台,可以按回车键或者Y,也可以根据自己的需要来输入相应的答案就好。这个时候一个vue的项目就建好了。
在桌面的workspace文件夹中可以看到刚刚新建的项目。
5、到此vue的环境配置和新建一个vue的小项目完成。
在官网下载node.js,安装方式很简单,一直下一步就可以。
安装完成后,win键+R键输入cmd,在控制台输入node -v,查看node.js的版本,现在都在v6.9.1或者以上的版本。
2、安装cnpm
在命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org,等待几分钟,出现下图情况说明安装成功
3、安装vue-cli脚手架构建工具
在命令行中输入npm install -g vue-cli,等待安装
4、现在可以新建一个vue的项目
先新建一个放置vue项目的文件,比如桌面上的workspace文件将存放vue项目
然后,在命令行输入cd desktop,然后再cd workspace
然后,再在控制台输入vue init webpack firstvueproject,其中firstvueproject是项目的名称
在执行这个命令的时候,会有一些问句显示在控制台,可以按回车键或者Y,也可以根据自己的需要来输入相应的答案就好。这个时候一个vue的项目就建好了。
在桌面的workspace文件夹中可以看到刚刚新建的项目。
5、到此vue的环境配置和新建一个vue的小项目完成。
相关文章推荐
- 如何配置Maven环境,创建工厂,新建Maven项目
- vue项目环境配置、创建及启动
- eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上
- Vue.js开发环境搭建-新建项目
- CodeWarrior新建NDS项目环境配置
- Intellij Idea 15 下新建 Hibernate 项目以及如何添加配置
- web前端环境tomcat安装及如何用localhost:8080/**访问到项目以及如何使新建的本地项目和github链接起来
- 如何在你的Vue项目配置vux
- vue2.0项目的环境配置以及有哪些的坑
- eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上
- eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上
- eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上
- 如何用VUE脚手架新建项目,并且设置淘宝镜像。
- eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上
- vue项目eslint环境配置与vscode配置eslint
- vue项目如何使用nginx配置跨域
- Android项目的环境分离如何配置
- 16.如何做到webpack打包vue项目后,可以修改配置文件
- Java--Eclipse环境下如何配置tomcat,并且把项目部署到Tomcat服务器上
- JAVA环境配置-Eclipse新建项目