vue.js新建项目和环境搭建

vue.js是目前前端学习中适用性强大并且容易上手的框架，接下来我们来学习一下如何搭建js环境和新建一个vue项目。

参考自vue.官网：https://cn.vuejs.org/v2/guide/installation.html

 

环境搭建：

1.下载并安装node.js，这是javascript运行的必须环境，不在本文的范围内，需要大家自行去安装。

2.搭建vue的开发环境，安装vue脚手架工具

    以管理员身份运行cmd，输入

            npm install --global vue-cli

如果快的话可能一会就有反应，如果慢就要等几分钟，要有耐心。

创建项目：

1.安装完环境之后我们开始创建项目

首先用cmd进入到你要创建项目的文件夹内

2.

输入

    vue init webpack demo

   (demo为项目名)

或者 

   vue init webpack-simple demo

 

中间会有几个选项，按回车即可。

完成后打开文件夹即可发现创建的文件。

cd到创建的项目中

运行npm install 

或者

    cnpm install

3.等待完成，最后

   npm run dev

就会在网页上显示vue的页面，项目新建成功

 

欢迎来到我的个人博客来互相讨论技术：http://www.strivingtree.com/