1.从node.js官网下载并安装node 输入 node -v 查看版本
2.npm包管理器,是集成在node中的,所以,直接输入 npm -v 查看版本
3.npm install webpack -g 安装webpack 输入 webpack -v 查看版本( 如果是webpack 4X 后需要安装webpack-cli 请注意需要安装在同一目录 npm install --save-dev webpack -g 和 npm install --save-dev webpack-cli -g)
4.npm install -g vue-cli 安装vue脚手架
5.vue init webpack firstVue 在工作目录下生成项目firstVue
6.npm install 在项目目录初始化npm
7.npm run dev 跑项目
8.npm install vue-router --save 安装路由
9.npm install axios --save 安全ajax请求
10.npm run build 打包发布
更新:
npm update -g
npm update vue-cli npm view vue-cli
疑难杂症:
1:报错
Module build failed: Error: Cannot find module '模块名'
那就安装
npm install 模块名 --save-dev(关于环境的,表现为npm run dev 启动不了)
npm install 模块名 --save(关于项目的,比如main.js,表现为npm run dev 成功之后控制台报错)
比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list
2.手机端插件vux2.0构建project:(发现问题:修改原码,页面上没有及时更新)
vue init airyland/vux2 project
解决:WebStorm编辑器没有真正保存。
File > Settings > Appearance & Behavior > System Settings
去掉Use "safe write"(save changes to a temporary file first)前面的勾
vue.js导入css库(elementUi)的方法
npm install style-loader --save-dev
npm install css-loader --save-dev
npm install file-loader --save-dev
1.安装elementUi模块
npm install element-ui@next -S
在webpack.base.conf.js中添加配置
{
test: /\\\\\\\\.css$/,
loader: "style!css"
},
{
test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
loader: "file"
}
然后在 main.js 引入并注册
import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(Element)
ES6基本语法:
let:对变量的声明(只在代码块内有效,并且同一代码块内只能声明一个)
const:对常量的声明
VUEX的使用:
当你使用终端命令建立vue项目时候,我们可能需要父组件向孙组件传值,或者非父子组件传值,或子组件向父组件传值的时候,我们可以使用vuex实现,
VUE新手上路的一下步骤命令和疑难杂症
最新推荐文章于 2023-11-23 14:48:04 发布