一、命令安装
1、安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、安装vue-cli
cnpm install vue-cli -g //3.0以前(不包含3.0)
cnpm install @vue/cli -g //3.0及以后
3、初始化项目
vue init webpack 项目名称 //3.0以前(不包含 3.0)
vue create 项目名称 //3.0及以后
如:在项目目录中输入:vue create sucli_vuecli
向下选择:Manually select features
选中Babel和Router,取消Linter /Formatter(否则后面验证太历害,没办法用了就)
不需要 history mode
设置 In package.json, 也选No
Vue-cli 安装完成了!
可进入项目目录,输入 cnpm run serve, 启运项目。
4、进入到项目目录,安装
cnpm install
5、启动项目
打开VS Code,把项目托进VS Code中,就打开了。
终端中输入: cnpm run serve
cnpm run dev
6、可以运行在浏览器里了
7、在项目目录中打包:cnpm run build
8、安装element-ui框架:npm i element-ui -s
9、前后端交互安装axios:cnpm install axios -S
有说法是:小厂用vue,大厂用react
移动端:1、webapp, 用响应式:bootstrap开发
2、混合app: 1)react-native开发
2)小程序也叫混合开发
3、原生app: 安卓开发、ios开发
二、 可视化安装:vue ui
前面1、2步同上。
3、先查看vue版本号
vue -V
再输入命令:vue ui
4、进入网页视图
5、创建新项目
此处一定要关闭 Linter /Fomatter选项。
点击“创建项目”开始创建。
两种方式,推荐选方法一,用命令来创建项目