vue框架搭建步骤
框架搭建
Vue框架搭建
Vue
基础框架搭建
1、vue
vue基础框架搭建
scratch编程教程推荐搭建vue框架前，先安装四样东西：（ie版本ie9以下vue是不⽀持的）
1、 Node.js（根据电脑配置来安装，百度搜索或者到node官⽹下载）；
(npm)cnpm install -g vue-cli ）
3、vue-cli脚⼿架的安装（建议全局安装 (npm)cnpm install -g vue-cli
(npm)cnpm install -g webpack）
4、 安装webpack （建议全局安装 (npm)cnpm install -g webpack
前四样装好后，即可开始vue框架的搭建了：
switch case可以同时满足两个或多个吗vue init webpack vue_project(最后这个是我创建的项⽬⽂件夹的名字，你可⾃⾏命名，也可在执⾏中选定⼀个安装的地⽅通过cmd命令vue init webpack vue_project
修改命名)  -如图1
图1
在安装过程中会经过这⼀步，问是否安严格模式情况来，我建议初学者，且没有特强的书写规范的选择no选项，以免在开发过程中出现⼀些严格规范要求的报错。
当选项都完成后，便会⽣成如下图2⽂件
图2
出现此⽂件，便是你的vue框架基本⽂件的形成。快速排序算法matlab
cnpm install你会发现在已经创建的项⽬结构⾥⾯会多出⼀个node_modules的⽂件夹，      下⼀步，本地安装和运⾏项⽬。在⽂件当前输⼊ cnpm install
⾥⾯就是刚才安装的所有依赖。
cnpm run dev回车即可；
安装好后在命令⾏中输⼊cnpm run dev
图4
⾄此，vue的简洁版框架已经搭建完成，在开发中根据项⽬中所需的⼀些功能要⽤到的插件，项⽬中必备的插件例⼦：
Vuex    cnpm  install  vuex -–save
Axios或者 jq （调⽤ajax所需要的，根据情况选其⼀就好）  cnpm install axios --save 或者 cnpm install jquery -–save
editor assigned日期变了2次Less 或者 sass（更好的规范样式的时候要⽤到的选其⼀就好）cnpm install less-loader less -–save-dev 或者cnpm install sass-loader sass -–save-dev
babel-polyfill （此插件pc端必须要装，考虑ie9的呈现问题需要此插件）cnpm install babel-polyfill -–save
文件管理中删除的文件怎么恢复
cnpm  install crypto-js –-save  前后台数据获取时候的加密的⼀个功能⽂件
babel-polyfill 安装后还得配置（build/webpack.basef.js⽂件如下）：
插件就不⼀⼀举例⼦了，因为不同项⽬所需的插件不同，开发者可根据情况来安装。
打包：
vue打包：
、前端代码项⽬vue
1、前端代码项⽬
）npm run build
（cnpm
jquery下载文件插件cnpm）
会⽣成静态⽂件，在根⽬录的dist⾥，⾥⾯有个index.html，这是服务器访问的路径指定到这⾥就可以访问我们⾃⼰的项⽬了。但是我发现个问题就是⽣成index.html⾥引⽤的css和js的引⽤路径不对，这时候就需要⾃⼰修改⼀下配置了。
npm run build    即可；
再执⾏npm run build

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。