vue 自己的入门方式

原创 jiangbinwangyi 随笔 js 379阅读 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

或者选填一些安装
$ cnpm install webpack -D
$ cnpm install gulp -D

$ cnpm i sass-loader node-sass -D

8、选择安装一些UI、插件(生产环境)
element-ui: $ cnpm install element-ui -S
vux: $ cnpm install vux -S
mint-ui:$ npm install mint-ui -S

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

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