深圳网站优化企业,企业网站邮箱建设,网页设计网站制作视频教程,做底单的网站花了1天多的时间#xff0c; 终于把这个框架搭建起来了。 好了#xff0c; 不多说了#xff0c; 直接进入主题了。前提是安装了nodejs,至于怎么安装#xff0c; 网上都有教程。 这里就不多说了#xff0c; 这边使用的IDE是idea。1.在E:/my-project#xff08;我的电脑上 终于把这个框架搭建起来了。 好了 不多说了 直接进入主题了。前提是安装了nodejs,至于怎么安装 网上都有教程。 这里就不多说了 这边使用的IDE是idea。1.在E:/my-project我的电脑上 新建文件夹vueDemo,用idea直接打开 idea控制台会直接切换到对应的目录 2.直接在控制台npminit 初始化这个项目这个过程会让你输入一些信息 一般都为默认 会自动生成package.json,有些会同时生成package-lock.json 不必管他3.自己创建对应的目录文件 这里除了node_modules外 4.开始配置package.json使用npm命令安装一些包 需要安装的包有babel-core: ^6.26.0,babel-loader: ^7.1.2,babel-plugin-component: ^0.10.1,babel-preset-es2015: ^6.24.1,cross-env: ^5.1.1,css-loader: ^0.28.7,file-loader: ^1.1.5,html-webpack-plugin: ^2.30.1,node-sass: ^4.6.0,postcss-loader: ^2.0.8,style-loader: ^0.19.0,url-loader: ^0.6.2,vue-hot-reload-api: ^2.2.0,vue-loader: ^13.4.0,vue-router: ^3.0.1,vue-template-compiler: ^2.5.3,webpack: ^3.0.0-rc.2,webpack-dev-server: ^2.9.4同时 需要安装element-ui vue,可使用命令npminstall --save element-ui vue5.配置webpack.config.js文件var path require(path);var webpack require(webpack);var HtmlWebpackPlugin require(html-webpack-plugin);module.exports {entry: ./src/main.js,//值可以是字符串、 数组或对象output: {path: path.resolve(__dirname, ./dist),//Webpack结果存储publicPath: /dist/,filename: build.js},module: {loaders: [{test: /\.vue$/,loader: vue-loader},{test: /\.js$/,loader: babel-loader,exclude: /node_modules/},{test: /\.css$/,loader: style-loader!css-loader},{test: /\.(eot|woff|woff2|ttf)([\\?]?.*)$/,loader: file-loader},{test: /\\.(png|jpg|gif|svg)$/,loader: file-loader,query: {name: [name].[ext]?[hash]}}]},resolve: {alias: {vue: vue/dist/vue.js}},devServer: {//webpack-dev-server配置historyApiFallback: true,//不跳转noInfo: true,port: 8080,inline
