之前已经安装了 node 和vue-cli (全局) 。
Vue 多页面应用文件引用：
- 官方拷贝： <script src="https://unpkg.com/vue/dist/vue.js"></script> 像下面
<!DOCTYPE html>
<html>
<head>
<title>d</title>
<meta charset="utf-8">
</head>
<body>
<div id="app">{{message}}</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script>
new Vue({
el: '#app',
data: {
message:'hello'
}
})
</script>
</body>
</html>- npm 安装
vue-cli 专门构建SPA 应用
- npm install -g vue-cli
-vue init webpack 项目名
我们自己的开发环境搭建：
先建立一个文件夹 fullTest
命令行进入fullTest 的上级目录。
然后输入命名： vue init webpack fulltest
然后回答一些问题，就能创建一个简单的vue 项目模版了。
下一步，安装依赖。进入 fullTest 目录，输入命令 npm install
下载好了后，会看到提示：
使用命令： npm run dev 启动服务器，就可以在浏览器打开页面了
"npm run dev" 这个命令是从哪儿来的呢？
从项目根目录下的 package.json 文件来的。这个文件，有script 的代码快，里面就是对应的shell命令，像 dev 对应的shell 命令是“webpack...”。运行这些命令 就使用 npm run + dev/start/lint/build 就可以了。
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"
},像我们从github 上找到好的项目，克隆下来，首先要下载依赖，然后查看package.json 使用什么命令去启动它。
393
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
