浅谈Vue(Vue项目搭建)

我的心得,项目使用vue两种方式,一种就是传统的使用方式,使用script标签直接引入;vue

<script src="https://unpkg.com/vue/dist/vue.js"></script>

 

另外就是搭建脚手架,使用npm安装,安装步骤: 
一、检查是否安装有nodeJS环境,没有的安装nodejs环境,4.0版本以上。 
(1)、傻瓜式安装nodejs,去node官网下载,以后就是各类下一步。 
安装vue-clinode

- npm install vue-cli -g - $ npm install --global vue-cli - $ npm install -g vue-cli

上面命令均可以安装vue脚手架,选择其中一条命令便可,行情问题,npm比较慢,能够使用cnpm 
安装基于webpack工具的vue项目webpack

vue init webpack sell //sell项目名称

 

执行完上面的命令后,窗口出现下图选择项 
web

每一行对应分别是: 
1. 项目名字 
2. 项目描述 
3. 做者 
4. ES6代码风格检查器(须要就Y,不须要就N,建议新手N) 
5. preset预设的选项,直接回车就好 
6. 单元测试(若是基于界面测试选N) 
7. e2e tests(选择N就好,目前没查为啥) 
*以上的配置会在项目的package.json配置里*vue-cli

这样,当前目录就会生成一个sell的项目。npm

如今须要启动项目,启动以前须要安装依赖json

npm install

 

下载完成以后,即可以启动项目;依赖安装结束显示!工具

启动项目:单元测试

npm run dev

 

项目启动成功!学习

国情的问题,若是须要使用cnpm代替npm 的话,执行命令:

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

web学习交流群:362513833
相关文章
相关标签/搜索