Vue-cli安装及编辑

一、命令安装

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选项。

点击“创建项目”开始创建。

两种方式，推荐选方法一，用命令来创建项目