前端Vue专辑

裸机搭建vue项目步骤

2018-05-08  本文已影响105人  打扰一下JS

裸机搭建vue项目步骤:

1、安装node,点击打开链接 http://nodejs.cn/download/

2、全局安装  npm install -g cnpm --registry=https://registry.npm.taobao.org

3、全局安装  npm install webpack –g

4、全局安装  npm install vue-cli –g

5、安装vue脚手架   在工作空间的目录下运行 vue init webpack 项目名称

如图:

图1


图2:生成项目目录

6、安装项目依赖  npm install

7、测试一下项目里面默认的app.vue模块能否跑起来,,在命令行中输入 cnpm run dev 回车即可 

8、8080就是默认的端口,在浏览器地址栏中输入localhost:8080会发现默认的模块打开了!

9、如图:

图3:加载成功
上一篇 下一篇

猜你喜欢

热点阅读