基础环境搭建:
- 浏览器:Chrome
- IDE:VS Code
- node.js 8.9+,npm
简单引用:
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
或者
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
开发环境搭建:
1. 打开命令行输入,根据网络环境,可能需要安装较长时间
npm install -g @vue/cli
2. 到要新建的工程路径下,创建工程"hello-world"
vue create hello-world
选择要安装的环境
Vue CLI v3.10.0
? Please pick a preset:
> default (babel, eslint) //默认
Manually select features //自定义
3. 使用“cd”命令,转到新建工程路径下
cd hello-world
4. 运行服务
npm run serve
5. 根据提醒,用浏览器打开对应地址
App running at:
- Local: http://localhost:17077/
- Network: http://192.168.1.13:17077/