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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章