当前位置： 移动技术网 > IT编程>网页制作>CSS > vue集成环境安装

vue集成环境安装

2019年01月12日  | 移动技术网IT编程  | 我要评论

 vue集成环境安装

1.安装nodejs (平台)

node.js 官方下载页面：

https://nodejs.org/en/download/current/

最新版本，下载地址是：

https://nodejs.org/dist/v6.3.1/node-v6.3.1.tar.gz

2.安装淘宝镜像

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

3.安装(webpack 环境)

npm install webpack -g

4.安装vue-cli

npm install -g vue-cli

5.创建vue项目

vue init webpack my-project(项目名称)

6.运行项目

出现类似余下面的界面

project name

project description

author

use eslint to lint your code(y/n)

setup unit test with karma + mocha(y/n)

setup e2e tests with nightwatch(y/n)

第一行问你项目名称，输入 my-project

第二行问你项目描述，输入 this is my vue

第三行问作者的名字，输入 你自己的名字就好

第四、五、六行都直接在后面输入 no 。

5.用cd命令行查找进入到工程目录

cd my-project

npm run dev

6.下面是在项目中需要的文件引入方法

1)jquery导入

npm install jquery --save

2)vue-resource导入

npm install vue-resource --save

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网