Vue.js搭建项目方式总结



Vue的介绍

1.学习资源

Angularnodejs+expresskoa2ionic3

2.vue 和 angular、react 都是前端框架

单页面框架基于模块化组件化的开发模式

3.vue 特点

简单灵活

Vue环境搭建

1.必须安装nodejs

2.搭建开发环境

安装vue的脚手架工具

<code>npm install --global vue-cli/<code>创建项目

<code>vue init webpack vue-demo01/<code>

<code>cd vue-demo01/<code>

<code>npm install 如果运行项目没有报错,这步省略/<code>

<code>npm run dev/<code>另一种创建项目的方式

<code>vue init webpack-simple vue-demo02/<code>

<code>cd vue-demo02/<code>

<code>npm install 如果运行项目没有报错,这步省略/<code>

<code>npm run dev/<code>安装vue Cli3

<code>npm install -g cnpm --registry=https://registry.npm.taobao.org安装cnpm,不然vue-cli下载不下来/<code>

<code>npm install -g @vue/cli或cnpm install -g @vue/cli/<code>用vue-cli创建项目

<code>vue create hello-world/<code>

<code>cd hello-world/<code>

<code>npm run serve运行/<code>

<code>npm run build编译/<code>用图形化界面创建项目

<code>vue ui/<code>