一笑·科奉

使用vue-li3工具创建Vue项目

作者: 一笑, 写于: 2019-01-23 09:44:53

一、安装node

http://nodejs.cn

一路下一步直到安装完成,打开cmd.exe输入如下命令,查看是否安装成功。

node -v

image.png        

二、安装vue-li3(参考:https://cli.vuejs.org/zh/

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完成查看版本

vue --version

image.png

三、产生项目

vue create hello-world

1、选manually select features,自定义安装

image.png

2、加选Vuex(全局变量)和Router(路由,创建多页面应用)

image.png

3、确定安装router的history模式(隐藏#)

image.png

4、直接下一步:ESLint with error prevention only

image.png

5、选择语法检查方式

image.png

6、配置文件放在哪

image.png

7、默认N

image.png

8、开始安装(预计1-2分钟)

image.png

9、安装完成

image.png


四、编译项目(生产环境)

测试

npm run serve

编译

npm run build


分类: Vue.js, 浏览: 253, 评论: 0
原创文章转载请注明:转自《一笑·科奉》 原文地址:https://www.kefong.com/post/102.html