vue 自己的入门方式

原创 jiangbinwangyi 随笔 js 313阅读 2018-03-06 18:02:55 举报

1、安装node
node-v8.9.3-x64.msi

2、cmd命令行测试node
$ node -v
v8.9.3

3、安装淘宝镜像cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装vue
$ cnpm install vue

5、安装本地脚手架vue-cli
$ cnpm install --global vue-cli

6、创建项目
$ vue init webpack my-project
(这里需要进行一些配置,默认回车或者键入Y即可)

7、进入项目并安装
$ cd my-project
$ cnpm install

8、此时可以选择安装一些UI
element-ui: $ cnpm i element-ui -S
vux: $ cnpm install vux --save

9、运行预览
$ cnpm run dev
Listening at http://localhost:8080

10、编译发布,生成dist文件夹
$ cnpm run build
E:\my-project\dist

评论 ( 2 )
最新评论
lawrence 1F 2018-03-09 00:39:26 2F

大神现在也倒腾Vue么

hugeannex 2018-03-07 09:14:31 1F

只是安装,不是入门吧。。。